/**
 * Created by 鸿杰 on 2015/9/19.
 */
var types=[["手机","数码相机","电脑"],["台灯","风扇"]];
//二级级联
document.getElementById("fathertype").addEventListener("change",function(){
    var tindex=this.options.selectedIndex-1;
    var childtype=document.getElementById("childtype");
    var lenchild=childtype.length;
    for(var i=lenchild-1;i>0;i--)
    childtype.options[i].remove();
    if(tindex==-1) {
        $("#typeLabel").text("请选择大类");
        return;
    }
    $("#typeLabel").text("请选择小类");
    var len=types[tindex].length;
    for(var i=0;i<len;i++)
    {
        var op=document.createElement("option");
        op.value=i;
        op.text=types[tindex][i];
        childtype.appendChild(op);
    }
},false);
document.getElementById("childtype").addEventListener("change",function(){
    var tindex=this.options.selectedIndex-1;
    if(tindex!=-1)
        $("#typeLabel").text("");
    else
        $("#typeLabel").text("请选择小类");
});

//图片上传
var i=0;
function selectImg(){
    if(i>4)
    {
        alert("最多上传5张图片！");
        return;
    }
    document.getElementsByName("imgfile").item(i).click();
}
function  previewImage(file){
    console.log(i);
    var reader=new FileReader();
    reader.readAsDataURL(file.files[0]);
    reader.onload=function(){
        var dataURL=reader.result;
        document.getElementsByName("imgs").item(i).src=dataURL;
        $("#filecheck").css("display","none");
        i++;
    };
}
//begin:将本地图片放入图片查看器，使用HTML5的File API
document.body.ondragover=function(event){
    if(event.preventDefault)
        event.preventDefault();
}
document.body.ondrop=function(event){
    if(event.preventDefault)
        event.preventDefault();

}
var dragfromdes=document.getElementById("dragfromdes");
dragfromdes.ondragover=function(event){
    if(event.preventDefault)
        event.preventDefault();            //阻止默认，以允许drop事件
}
dragfromdes.ondrop=function(event){
    if (!(window.File && window.FileReader)){ //检查浏览器是否完全支持 File API：
        alert('您的浏览器不完全支持File API');
        return;
    }
    if(i>4)
    {
        alert("最多上传5张图片！");
    }
    if(event.preventDefault)
        event.preventDefault();
    var file=event.dataTransfer.files[0]; //获取拖入的文件信息
    var patten=/^image/;
    var typed=file.type.toString();
    if(!patten.test(typed))  //判断是否是图片类型
    {
        alert("您所选文件不是图片类型！")
        return;
    }
    document.getElementsByName("imgfile").item(i).files[0]=file;
    console.log(document.getElementsByName("imgfile").item(i).files[0].type.toString());
    var reader=new FileReader();
    reader.readAsDataURL(file);
    reader.onload=function(){
        var dataURL=reader.result;
        document.getElementsByName("imgs").item(i).src=dataURL;
        $("#filecheck").css("display","none");
        i++;
    };
};
//end;

//表单验证
$("#describe").blur(function(){
    if($("#describe").val()!=null&&$("#describe").val()!="")
    {
        $("#textareaR").css("display","none");
    }
});
function checkfile(){
    var istrue=1;
    if(i==0)
    {
        istrue=0;
        $("#filecheck").css("display","");
    };
    if($("#describe").val()==null||$("#describe").val()=="")
    {
        istrue=0;
        $("#textareaR").css("display","");
    }
    if(document.getElementById("fathertype").options.selectedIndex==0)
    {
        istrue=0;
        $("#typeLabel").text("请选择大类");
    }else{
        if(document.getElementById("childtype").options.selectedIndex==0)
        {
            istrue=0;
            $("#typeLabel").text("请选择小类");
        }
    }
    if(istrue)
    return true;
    return false;
}

//jquery 表单验证
$.validator.addMethod("telephone1",function(value,element,params){
    var s=new RegExp("^1[358]\\d{9}$");
    var v=value;
    if(s.test(v)){
        return true;
    }
    return false;
});

$().ready(function() {

    $("#form1").validate({
        rules : {
            "goods.goodsname" : {
                required : true,
                minlength : 2
            },
            "user.phonenumber" : {
                required : true,
                telephone1 : 1,
            },
            "fathertype":{
                required : true
            },
            "childtype":{
                required:true
            },
            "goods.price":{
                required : true
            },
            "goods.agingdegree":{
                required:true
            },
            "goods.bargin":{
                required:true
            },
            "user.qq":{
                required:true,
                number:1
            }
        },
        messages : {

        }
    });

});